<link rel="stylesheet" type="text/css" href="<?php echo base_url(); ?>/public/js/flexigrid/css/flexigrid.pack.css"/>
<script src="<?php echo base_url();?>/public/js/flexigrid/js/flexigrid.pack.js" type="text/javascript"></script>

<br>
<table class="datosDatagrip"></table>
<br><br>

<div class="detalle"></div><br><br>
<script>
    $('.datosDatagrip').flexigrid({
        url:'<?php echo site_url() ?>/datocliente_historico/deficiente/',
        dataType: 'json',
        colModel : [
           {display: 'ID', name : 'Id_Referencia', width : 35, sortable : true, align: 'center'},
           {display: 'Referencia', name : 'Referencia', width : 150, sortable : true, align: 'center'},
           {display: 'Tipo De Servicio', name : 'NombreServicio', width : 100, sortable : true, align: 'center'},
           {display: 'Fecha', name :'date', width : 150, sortable : true, align: 'center'},
            {display: 'Telefono', name : 'Telefono1', width : 75, sortable : true, align: 'center'},
            {display: 'Celular', name : 'Telefono2', width : 55, sortable : true, align: 'center'},
            {display: 'Email', name : 'Email_Cia', width : 90, sortable : true, align: 'center'},
            {display: 'Contacto', name : 'Contacto', width : 90, sortable : true, align: 'center'},           
            {display: 'Contacto Entrega', name : 'Entregado_A', width : 100, sortable : true, align: 'center'},
            {display: 'Fecha Encuesta', name : 'fecha_encuesta', width : 100, sortable : true, align: 'center'},
            {display: 'Satisfaccion', name : 'pt_satisfaccion', width : 100, sortable : true, align: 'center'},
            {display: 'Calidad', name : 'pt_calidad', width : 100, sortable : true, align: 'center'},
            {display: 'Tiempo', name : 'pt_tiempo', width : 100, sortable : true, align: 'center'},
            {display: 'Cortesia', name : 'pt_cortesia', width : 100, sortable : true, align: 'center'},
            {display: 'Comentario', name : 'comentario', width : 450, sortable : true, align: 'center'},
            {display: 'Nota', name : 'nota', width : 400, sortable : true, align: 'center'}
        ],
        searchitems : [
            {display: 'Detalle', name :'Referencia', isdefault: true},
            {display: 'Tipo Servicio', name : 'NombreServicio'},
            {display: 'Fecha Salida', name : 'date'},
            {display: 'Satisfaccion', name : 'pt_satisfaccion'},
            {display: 'Calidad', name : 'pt_calidad'},
            {display: 'Tiempo', name : 'pt_tiempo'},
            {display: 'Cortesia', name : 'pt_cortesia'},
            {display: 'Fecha Encuesta', name : 'fecha_encuesta'}
        ],
        
         buttons : [ 
             
               {name: 'Excel', bclass: 'editar', onpress:excel},
            {separator: true}
        ],
        title: "Compañias",
        sortname: 'Id_Referencia',
        sortorder: 'asc',
        multiselect: false,
        usepager: true,
        rp: 10,
        showTableToggleBtn: true,
        width: 'auto',
        height: 'auto',
        resizable: false,
        multidatagrip:false,
        multidatagripL:false
    })    
    
    
     function excel(){
    
    window.location.href = _site_url+"/datocliente_historico/excel/";
       
    }
    
</script>


